<!--
  Generated template for the CollectInforPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar color="orange">
    <ion-title>
      上传瓶盖信息
    </ion-title>
    <ion-buttons end>
      <button ion-button icon-only (click)="goPage('MoneyPage')">
        我的钱包
        <img src="./assets/imgs/icon-qb-1.png" style="margin-top: -5px" alt="" width="16" height="16" class="margin-left-5">
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <!-- 图片上传 -->
  <div class="flex flex-line-between">
    <div class="pic-box ht-48">
      <img src="assets/imgs/collect.png" alt="">
    </div>
    <div class="margin-bottom-5 ht-relative ht-48 img-box"  *ngIf="imgPath">
      <img [src]="'http://admin.moments.taoxiansheng.com'+this.imgPath" style="max-width: none;display:block" [ngStyle]="{'width':img.imgWidth,'height':img.imgHeight,'margin-left':img.imgLeft,'margin-top':img.imgTop}">
      <span class="del-image" (click)="delImage(imgPath)">删除</span>
    </div>
    <div class="ie-img margin-bottom-5 ht-48" *ngIf="!imgPath">
      <input type="file" class="file-input" (change)="uploadImage($event)">
    </div>
  </div>
  <!-- 瓶盖信息 -->
  <div>
    <label class="ht-font-14 ht-666 ht-bold">
      请输入瓶盖上的16位串码
    </label>
    <div class="ht-100">
      <input type="text" width="100%" class="collect_input" [(ngModel)]="random_num"  (keyup)="numFilt()">
    </div>
    <span class="ht-999 ht-font-12" padding-top>
        *  提交成功后等待平台审核，点击“历史收集”可查看审核状态；
        审核通过后，即可获取1元佣金，点击右上角“我的钱包”可查看收入明细。
    </span>
  </div>
</ion-content>

<ion-footer>
  <ion-toolbar>
    <div class="ht-50 ht-float-left ht-line-50 ht-text-center" (click)="goPage('CollectListPage')">历史收集</div>
    <div class="ht-50 ht-float-left ht-line-50 ht-text-center ht-fff ht-f29603" (click)="submitData()">
      <span>提交</span>
    </div>
  </ion-toolbar>
</ion-footer>